<!DOCTYPE html>
<html>
<meta charset="utf-8">
<meta content="IE=9" http-equiv="x-ua-compatible">
<head th:include="include :: header"></head>
<body class="gray-bg">
<div class="wrapper wrapper-content ">
	<div class="col-sm-12">
		<div class="ibox">
			<div class="ibox-body">
				<div class="fixed-table-toolbar">
					<div class="columns pull-left">
						<!--<button shiro:hasPermission="beaut:order:add" type="button" class="btn  btn-primary" onclick="add()">
                            <i class="fa fa-plus" aria-hidden="true"></i>添加
                        </button>-->
						<!--<button shiro:hasPermission="beaut:order:add" type="button" class="btn  btn-primary" onclick="add()">
                            <i class="fa fa-plus" aria-hidden="true"></i>添加
                        </button>
                        <button shiro:hasPermission="beaut:order:batchRemove" type="button" class="btn  btn-danger"
                            onclick="batchRemove()">
                            <i class="fa fa-trash" aria-hidden="true"></i>删除
                        </button>-->
						<!--<button shiro:hasPermission="beaut:order:add" type="button" class="btn  btn-primary" onclick="shipments()">
                            <i class="fa fa-plus" aria-hidden="true"></i>发货
                        </button>-->
					</div>
					<div class="columns pull-right">
						<button class="btn btn-success" onclick="reLoad()">查询</button>
					</div>
					<div class="columns pull-right col-md-2 nopadding">
						<select id = "status" style="height: 34px ; padding: 0 6px">
							<option value="0" selected = "true">申请换货</option>
							<option value="1">通过</option>
							<option value="2">驳回</option>
						</select>
					</div>
					<div class="columns pull-right col-md-2 nopadding" style="margin-right: 5px">
						<input id="orderSn" type="text" class="form-control"
							   placeholder="订单号、物流号、商品名">
					</div>
				</div>
				<table style="table-layout:fixed;word-break:break-all;" id="exampleTable" data-mobile-responsive="true">
				</table>
			</div>
		</div>
	</div>
</div>
<!--shiro控制bootstraptable行内按钮看见性 来自bootdo的创新方案 -->
<div>
	<script type="text/javascript">
		var s_edit_h = 'hidden';
		var s_remove_h = 'hidden';
		var s_resetPwd_h = 'hidden';
	</script>
</div>
<div shiro:hasPermission="wx:order:edit">
	<script type="text/javascript">
		s_edit_h = '';
	</script>
</div>
<div shiro:hasPermission="wx:order:remove">
	<script type="text/javascript">
		var s_remove_h = '';
	</script>
</div>
<div shiro:hasPermission="wx:order:resetPwd">
	<script type="text/javascript">
		var s_resetPwd_h = '';
	</script>
</div>
<div th:include="include :: footer"></div>
<script  th:inline="javascript">
	var prefix = "/wx/orderOrder"
	$(function() {
		load();
	});

	function changeDateFormat(cellval) {
		var dateVal = cellval + "";
		if (cellval != null) {
			var date = new Date(cellval * 1000);//时间戳为10位需*1000，时间戳为13位的话不需乘1000
			Y = date.getFullYear() + '-';
			M = (date.getMonth() + 1 < 10 ? '0' +(date.getMonth()+1) : date.getMonth()+1) + '-';
			D = (date.getDate() < 10 ? '0' +date.getDate() : date.getDate()) + ' ';
			h = (date.getHours() < 10 ? '0' +date.getHours() : date.getHours()) + ':';
			m = (date.getMinutes() < 10 ? '0' +date.getMinutes() : date.getMinutes()) + ':';
			s = (date.getSeconds() < 10 ? '0' +date.getSeconds() : date.getSeconds());
			return Y+M+D+h+m+s;
		}
	}

	function load() {
		$('#exampleTable')
				.bootstrapTable(
				{
					method : 'get', // 服务器数据的请求方式 get or post
					url : prefix + "/modifyList", // 服务器数据的加载地址
					//	showRefresh : true,
					//	showToggle : true,
					//	showColumns : true,
					iconSize : 'outline',
					toolbar : '#exampleToolbar',
					striped : true, // 设置为true会有隔行变色效果
					dataType : "json", // 服务器返回的数据类型
					pagination : true, // 设置为true会在底部显示分页条
					// queryParamsType : "limit",
					// //设置为limit则会发送符合RESTFull格式的参数
					singleSelect : false, // 设置为true将禁止多选
					// contentType : "application/x-www-form-urlencoded",
					// //发送到服务器的数据编码类型
					pageSize : 10, // 如果设置了分页，每页数据条数
					pageNumber : 1, // 如果设置了分布，首页页码
					//search : true, // 是否显示搜索框
					showColumns : false, // 是否显示内容下拉框（选择显示的列）
					sidePagination : "server", // 设置在哪里进行分页，可选值为"client" 或者 "server"
					queryParams : function(params) {
						return {
							//说明：传入后台的参数包括offset开始索引，limit步长，sort排序列，order：desc或者,以及所有列的键值对
							limit: params.limit,
							offset:params.offset,
							orderSn:$('#orderSn').val().replace(/^\s*|\s*$/g,""),
							status :$('#status option:selected').val()
							// username:$('#searchName').val()
						};
					},
					// //请求服务器数据时，你可以通过重写参数的方式添加一些额外的参数，例如 toolbar 中的参数 如果
					// queryParamsType = 'limit' ,返回参数必须包含
					// limit, offset, search, sort, order 否则, 需要包含:
					// pageSize, pageNumber, searchText, sortName,
					// sortOrder.
					// 返回false将会终止请求
					columns : [
						{
							checkbox : true
						},

						{
							field : 'order_sn',
							title : '订单号'
						},
						{
							field : 'status',
							title : '订单状态',
							align : 'center',
							formatter:function (value, row, index) {
								if (value == 0){
									return '<span class="label label-primary">砍价中</span>';
								}else if(value == 1){
									return '<span class="label label-danger">待支付</span>';
								}else if(value == 2){
									return '<span class="label label-warning">拼团中</span>';
								}else if(value == 3){
									return '<span class="label label-info">代发货</span>';
								}else if(value == 4){
									return '<span class="label label-success">待收货</span>';
								}else if(value == 5){
									return '<span class="label label-danger">退货中</span>';
								}else if(value == 6){
									return '<span class="label label-warning">退货成功</span>';
								}else if(value == 7){
									return '<span class="label label-info">订单完成</span>';
								}else if(value == 8){
									return '<span class="label label-success">取消订单</span>';
								}else if(value == 9){
									return '<span class="label label-danger">砍价失败</span>';
								}else if(value == 10){
									return '<span class="label label-warning">拼团失败</span>';
								}else if(value == 11){
									return '<span class="label label-info">申请换货</span>';
								} else {
									return '<span class="label label-default">交易关闭</span>'
								}
							}
						},
						{
							field : 'modifyStatus',
							title : '换货状态',
							align : 'center',
							formatter:function (value, row, index) {
								if (value == 0){
									return '<span class="label label-primary">待审核</span>';
								}else if(value == 1){
									return '<span class="label label-danger">通过</span>';
								}else if(value == 2){
									return '<span class="label label-warning">驳回</span>';
								}
							}
						},
						{
							field : 'all_price',
							title : '订单金额'
						},
						/*{
							field : 'insurance',
							title : '是否有运费险',
							formatter:function (value, row, index) {
								if (value == 1) {
									return '<span class="label label-success">有</span>';
								} else {
									return '<span class="label label-danger">无</span>';
								}
							}
						},
						{
							field : 'post_insurance',
							title : '运费险金额'
						},*/
						/*{
						 field : 'imgurl',
						 title : '商品图',
						 formatter: function (value, row, index) {
						 return '<img style="height:100px" src="'+value+'">';
						 }
						 },*/
						{
							field : 'goodName',
							title : '商品名'
						},
						{
							field : 'express_name',
							title : '换货物流名'
						},
						{
							field : 'express_code',
							title : '换货物流号'
						},
						{
							field : 'reason',
							title : '换货原因',
							width : '20%'
						},
						/*{
						 field : 'spec',
						 title : '规格'
						 },*/
						/*{
						 field : 'total',
						 title : '数量'
						 },*/
						/*{
						 field : 'buyer_msg',
						 title : '买家留言'
						 },*/
						{
							field : 'userName',
							title : '下单人'
						},
						{
							field : 'userPhone',
							title : '下单人账号'
						},
						{
							field : 'create_at',
							title : '订单创建时间',
							align : 'center'
							/*formatter: function (value, row, index) {
							 return changeDateFormat(value)
							 }*/
						},

						{
							title : '操作',
							field : 'id',
							align : 'center',
							formatter : function(value, row, index) {
								/*var e = '<a class="btn btn-primary btn-sm '+s_edit_h+'" href="#" mce_href="#" title="编辑" onclick="edit(\''
								 + row.id
								 + '\')"><i class="fa fa-edit"></i></a> ';*/
								var z = '<a class="btn btn-success btn-sm' +s_edit_h+ '" href="#" title="通过并修改物流"  mce_href="#" onclick="modifyT(\''
										+ row.id+'\',\''+row.tableName
										+ '\')"><i class="fa fa-check"></i></a> ';

								var f = '<a class="btn btn-success btn-sm' +s_edit_h+ '" href="#" title="驳回"  mce_href="#" onclick="modifyF(\''
										+ row.id+'\',\''+row.tableName
										+ '\')"><i class="fa fa-remove"></i></a> ';

								var e = '<a class="btn btn-success btn-sm" href="#" title="订单信息"  mce_href="#" onclick="orderInfo(\''
										+ row.id+'\',\''+row.tableName
										+ '\')"><i class="glyphicon glyphicon-info-sign"></i></a> ';
								if (row.status == 11) {
									return z + f + e;
								} else {
									return e;
								}

							}
						} ]
				});
	}
	function reLoad() {
		$('#exampleTable').bootstrapTable('refresh');
	}
	function add() {
		layer.open({
			type : 2,
			title : '增加',
			maxmin : true,
			shadeClose : false, // 点击遮罩关闭层
			area : [ '800px', '520px' ],
			content : prefix + '/add' // iframe的url
		});
	}

	function shipments(id) {
		layer.open({
			type : 2,
			title : '增加',
			maxmin : true,
			shadeClose : false, // 点击遮罩关闭层
			area : [ '800px', '520px' ],
			content : prefix + '/shipments/' + id // iframe的url
		});
	}

	function edit(id) {
		layer.open({
			type : 2,
			title : '编辑',
			maxmin : true,
			shadeClose : false, // 点击遮罩关闭层
			area : [ '800px', '520px' ],
			content : prefix + '/edit/' + id // iframe的url
		});
	}

	function orderInfo(id) {
		layer.open({
			type : 2,
			title : '订单信息',
			maxmin : true,
			shadeClose : false, // 点击遮罩关闭层
			area : [ '900px', '650px' ],
			content : prefix + '/orderInfo/' + id
		});
	}

	function shipping(id) {
		layer.open({
			type : 2,
			title : '配送详情',
			maxmin : true,
			shadeClose : false, // 点击遮罩关闭层
			area : [ '800px', '520px' ],
			content :  '/beaut/orderShipping/edit/' + id // iframe的url
		});
	}

	function remove(id) {
		layer.confirm('确定要删除选中的记录？', {
			btn : [ '确定', '取消' ]
		}, function() {
			$.ajax({
				url : prefix+"/remove",
				type : "post",
				data : {
					'id' : id
				},
				success : function(r) {
					if (r.code==0) {
						layer.msg(r.msg);
						reLoad();
					}else{
						layer.msg(r.msg);
					}
				}
			});
		})
	}

	function resetPwd(id) {
	}
	function batchRemove() {
		var rows = $('#exampleTable').bootstrapTable('getSelections'); // 返回所有选择的行，当没有选择的记录时，返回一个空数组
		if (rows.length == 0) {
			layer.msg("请选择要删除的数据");
			return;
		}
		layer.confirm("确认要删除选中的'" + rows.length + "'条数据吗?", {
			btn : [ '确定', '取消' ]
			// 按钮
		}, function() {
			var ids = new Array();
			// 遍历所有选择的行数据，取每条数据对应的ID
			$.each(rows, function(i, row) {
				ids[i] = row['id'];
			});
			$.ajax({
				type : 'POST',
				data : {
					"ids" : ids
				},
				url : prefix + '/batchRemove',
				success : function(r) {
					if (r.code == 0) {
						layer.msg(r.msg);
						reLoad();
					} else {
						layer.msg(r.msg);
					}
				}
			});
		}, function() {

		});
	}

	function modifyT(id,tableName) {
		layer.open({
			type : 2,
			title : '编辑',
			maxmin : true,
			shadeClose : false, // 点击遮罩关闭层
			area : [ '800px', '520px' ],
			content : prefix + '/modifyShipments/' + id
		});
	}

	function modifyF(id,tableName) {
		layer.confirm('驳回后订单状态会变为待收货，确定要驳回选中的订单？', {
			btn : [ '确定', '取消' ]
		}, function() {
			$.ajax({
				url : prefix+"/modifyOrderF",
				type : "post",
				data : {
					'id' : id,
					'status' : 4,
					'tableName' : tableName
				},
				success : function(r) {
					if (r.code==0) {
						layer.msg(r.msg);
						reLoad();
					}else{
						layer.msg(r.msg);
					}
				}
			});
		})
	}
</script>
</body>
</html>